<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8" />
    <title>Simple example - Editor.md examples</title>
    <!-- <link rel="stylesheet" href="css/style.css" /> -->
    <link rel="stylesheet" href="/editor.md/editormd.css" />
    <link
      rel="shortcut icon"
      href="https://pandao.github.io/editor.md/favicon.ico"
      type="image/x-icon"
    />
  </head>
  <body>
    <div id="layout">
      <header>
        <!-- <h1>Simple example</h1> -->
      </header>
      <div id="test-editormd">
        <textarea style="display: none">
[TOC]

#### 选项

- TeX (Based on KaTeX);
- Emoji;
- Task lists;
- HTML tags decode;
- Flowchart and Sequence Diagram;

</textarea
        >
      </div>
    </div>
    <script src="/editor.md/jquery.js"></script>
    <script src="/editor.md/editormd.min.js"></script>
    <script type="text/javascript">
      var testEditor;

      $(function () {
        testEditor = editormd("test-editormd", {
          width: "100%",
          height: 900,
          syncScrolling: "single",
          path: "/editor.md/lib/",
        });

        /*
                // or
                testEditor = editormd({
                    id      : "test-editormd",
                    width   : "90%",
                    height  : 640,
                    path    : "../lib/"
                });
                */
      });
    </script>
  </body>
</html>
